<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>MINETT - Template by entiri</title>
	<meta name="description" content="MINETT - Responsive HTML Template by entiri">
	<meta name="keywords" content="minett, entiri, theme, template, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet">
  <link href="css/bootstrap-override.css" rel="stylesheet">

  <!-- Font Avesome Styles -->
  <link href="css/font-awesome/font-awesome.css" rel="stylesheet">
	<!--[if IE 7]>
		<link href="css/font-awesome/font-awesome-ie7.min.css" rel="stylesheet">
	<![endif]-->

  <!-- FlexSlider Style -->
  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen">

  

	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

</head>       
<body>
  <!-- Header -->
  <header id="header">
 
    <div class="container">
      <div class="row t-container">
        <div class="texture">
          <img src="img/background.png" alt="">
        </div>
        <!-- Logo -->
        <div class="span3">
          <div class="logo">
            <a href="index-2.html"><img src="img/logo-header.png" alt=""></a>
          </div>            
        </div>

        <div class="span9">
          <div class="row space90"></div>
          <nav class="navbar">
            <!-- Menu -->
            <ul class="nav">
              <li><a href="index-2.html" title="">Home</a></li>
              <li><a href="about-us.html" title="">About Us</a></li>                
              <li><a href="gallery.html" title="">Gallery</a></li>
              <li><a href="services.html" title="">Services</a></li>
              <li class="active"><a href="components.html" title="">Features</a>
                <!-- Submenu -->
  							<ul>
                  <li><a href="components.html" title="">Components</a></li>
                  <li><a href="pricing.html" title="">Pricing</a></li>
                  <li><a href="blog-detail.html" title="">Blog Detail</a></li>
  								<li><a href="grid.html" title="">Grid System</a></li>
                  <li><a href="contact.html" title="">Contact</a></li>
  							</ul>
                <!-- End Submenu -->                  
              </li>
              <li><a href="blog.html" title="">Blog</a></li>  
            </ul>
          </nav>
          <div class="row space15 hidden-phone"></div>
        </div>

        <div class="span8">
          <div class="row">

            <div class="span6 offset2">
              <h1>We are <strong>MINETT</strong></h1>
              <div class="head-info">
                Magna in pulvinar tempor montes pulvinar habitasse parturient? Elementum facilisis sit et, dolor placerat, turpis auctor.
                <br><br>
                Lundium ultricies augue urna arcu aliquet velit?
              </div>   
            </div>  
          
          </div>
        </div>
      </div>  

  </div> 
  </header>
  <!-- Header End -->

  <div class="row space50"></div>

  <!-- Content -->
  <div id="content">
    <div class="container">  
          <h2>Pricing Table</h2>
          <div class="row space20"></div>
   
            <div class="row pricing-tables">
              <div class="span3">
                <table>
                  <thead>
                    <tr>
                      <th>
                        <div class="plan-title">
                          Basic Plan
                        </div>
                        <div class="price">
                          $19
                          <span class="price2">
                            monthly
                          </span>                     
                        </div>                      
                      </th>
                    </tr>
                  </thead>
                  <tbody>  
                    <tr>
                      <td>
                        $0
                      </td>
                    </tr>
                    <tr>
                      <td>
                        $25
                      </td>
                    </tr>
                    <tr>
                      <td>
                        $45
                      </td>
                    </tr>
                    <tr>
                      <td>
                        Unlimited
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td class="table-footer">
                        <a href="#">Select Plan</a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="span3">
                <table>
                  <thead>
                    <tr>
                      <th>
                        <div class="plan-title">
                          Standard Plan
                        </div>
                        <div class="price">
                          $49
                          <span class="price2">
                            monthly
                          </span>                     
                        </div>                      
                      </th>
                    </tr>
                  </thead>
                  <tbody>  
                    <tr>
                      <td>
                        $0
                      </td>
                    </tr>
                    <tr>
                      <td>
                        $20
                      </td>
                    </tr>
                    <tr>
                      <td>
                        $36
                      </td>
                    </tr>
                    <tr>
                      <td>
                        Limited
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td>
                        200 MB
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td class="table-footer">
                        <a href="#">Select Plan</a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="span3">
                <table class="active">
                  <thead>
                    <tr>
                      <th>
                        <div class="plan-title">
                          Premium Plan
                        </div>
                        <div class="price">
                          $69
                          <span class="price2">
                            monthly
                          </span>                     
                        </div>                      
                      </th>
                    </tr>
                  </thead>
                  <tbody>  
                    <tr>
                      <td>
                        $0
                      </td>
                    </tr>
                    <tr>
                      <td>
                        $45
                      </td>
                    </tr>
                    <tr>
                      <td>
                        $65
                      </td>
                    </tr>
                    <tr>
                      <td>
                        Unlimited
                      </td>
                    </tr>
                    <tr>
                      <td>
                        Unlimited
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        ---
                      </td>
                    </tr>
                    <tr>
                      <td class="table-footer">
                        <a href="#">Select Plan</a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="span3">
                <table>
                  <thead>
                    <tr>
                      <th>
                        <div class="plan-title">
                          Extra Plan
                        </div>
                        <div class="price">
                          $99
                          <span class="price2">
                            monthly
                          </span>                     
                        </div>                      
                      </th>
                    </tr>
                  </thead>
                  <tbody>  
                    <tr>
                      <td>
                        $0
                      </td>
                    </tr>
                    <tr>
                      <td>
                        $25
                      </td>
                    </tr>
                    <tr>
                      <td>
                        $45
                      </td>
                    </tr>
                    <tr>
                      <td>
                        Unlimited
                      </td>
                    </tr>
                    <tr>
                      <td>
                        Unlimited
                      </td>
                    </tr>
                    <tr>
                      <td>
                        Unlimited
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        6 GB
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td class="table-footer">
                        <a href="#">Select Plan</a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>

          <div class="row space30"></div>  
    
          <!-- Our Clients -->
          <div class="row">
            <div class="span12">
              <h3>Our Clients</h3>
            </div>
          </div> 
        
          <div id="our-clients" class="slider2 flexslider">
            <ul class="slides">
              <li>
                <div class="row">
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/1.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/2.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/3.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/4.png" alt="">
                    </a>
                  </div>
                </div>  
              </li>
              <li>
                <div class="row">
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/4.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/3.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/1.png" alt="">
                    </a>
                  </div>
                  <div class="span3">
                    <a href="#" rel="external">
                        <img src="img/our-clients/2.png" alt="">
                    </a>
                  </div>
                </div>  
              </li>
            </ul>
          </div> 
          <!-- Our Clients End -->
                 
          <div class="row space50"></div>  

    </div>
  </div>
  <!-- Content End -->
  
  <!-- Footer -->
  <footer id="footer">
    <div class="container">
      <div class="row">
        <div class="span12 pos-r">
          <h2>Get to know us completely</h2>
          <div class="texture-footer">
            <img src="img/background-footer.png" alt="">
          </div>
        </div>
      </div>
        
      <div class="row">
        <div class="span5">
        <p>
        OT Porta montes montes vel nunc cras porttitor mid elementum dictumst dignissim dapibus urna ac, enim?
        </p>
        <h3>Contact Form</h3>
        <div> 
          <form class="form-main" name="ajax-form" id="ajax-form" action="http://www.entiri.com/minett/php/mail-it.php" method="post">
            <div id="ajaxsuccess">E-mail was successfully sent.</div> 
            <div class="error" id="err-name">Please enter name</div>
            <input name="name" id="name" type="text" value="Name" onfocus="if(this.value == 'Name') this.value='';" onblur="if(this.value == '') this.value='Name';">
            
            <div class="error" id="err-email">Please enter e-mail</div>
		        <div class="error" id="err-emailvld">E-mail is not a valid format</div>
            <input  name="email" id="email" type="text" value="E-mail" onfocus="if(this.value == 'E-mail') this.value='';" onblur="if(this.value == '') this.value='E-mail';">

            <div class="error" id="err-message">Please enter message</div>
            <textarea  name="message" id="message" onfocus="if(this.value == 'Message') this.value='';" onblur="if(this.value == '') this.value='Message';">Message</textarea><br>
            <div>
            	<div class="error" id="err-form">There was a problem validating the form please check!</div>
            	<div class="error" id="err-timedout">The connection to the server timed out!</div>
            	<div class="error" id="err-state"></div>
            </div>
            <button id="send" class="btn f-right">Send Message <i class="icon-ok"></i></button>
          </form>
        </div>
        
        <div class="row space40"></div>  
                
          <a href="#" class="social-network sn2 behance"></a>
          <a href="#" class="social-network sn2 facebook"></a>
          <a href="#" class="social-network sn2 pinterest"></a>
          <a href="#" class="social-network sn2 flickr"></a>
          <a href="#" class="social-network sn2 dribbble"></a>
          <a href="#" class="social-network sn2 lastfm"></a>
          <a href="#" class="social-network sn2 forrst"></a>
          <a href="#" class="social-network sn2 xing"></a>      
      
        </div>
        <div class="span3 offset3">
             
          <div class="space80"></div>
          <iframe id="map" src="https://maps.google.sk/maps/ms?msa=0&amp;msid=210946297010027755543.0004c74af772bb9276d33&amp;ie=UTF8&amp;ll=48.576981,19.13117&amp;spn=0,0&amp;t=m&amp;output=embed"></iframe>
          <div class="space70"></div> 

          <h3>Address</h3>
          81 Sunnyvale Street<br>
          Los Angeles, CA 90185<br>
          United States<br>
          <br>
          <i class="icon-phone"></i>+48 880 440 110<br>
          <i class="icon-envelope"></i><a href="mailto:support@example.com">support@example.com</a><br>
          <i class="icon-home"></i><a href="#">www.example.com</a>

        </div>
      </div>
      
      <div class="row space50"></div>
      <div class="row">
        <div class="span6">
          <div class="logo-footer">
            <a href="index-2.html"><img src="img/logo-footer.png" alt=""></a>
            CORPORATE TEMPLATE
          </div>                       
        </div>
        <div class="span6 right">
          &copy; 2013 MINETT. All rights reserved. Collect from 
          <a href="http://www.cssmoban.com/" rel="external">模板之家</a>
        </div>
      </div>

    </div>
  </footer>
  <!-- Footer End -->

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 
	<script type="text/javascript" src="js/bootstrap.min.js"></script>  
	<script type="text/javascript" src="js/functions.js"></script>
	<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" defer src="js/jquery.flexslider.js"></script>

</body>
</html>
  